<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>jQuery显示隐藏特效</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <style type="text/css" media="screen">
    body {
        width: 960px;
        margin: 0 auto;
        font: 18px/1.8em '微软雅黑';
    }

    h1 {
        color: green;
    }

    button {
        margin: 5px 20px 5px 0;
    }
    </style>
    <script>
    $(function() {
        $("button:contains('显示')").click(function() {
            $("p:first").show();
        });
        $("button:contains('隐藏')").click(function() {
            $("p:first").hide();
        });
        $("button:contains('toggle')").click(function() {
            $("p:first").toggle();
        });
        $("button:contains('duration')").click(


            function() {
                $("p:first").toggle('fast');
            }


        );
    });
    </script>
</head>

<body>
    <h1>jQuery显示隐藏特效</h1>
    <button>显示</button>
    <button>隐藏</button>
    <button>toggle</button>
    <button>duration</button>
    <p>水在循环过程中，沿途挟带的各种有害物质，可由于水的稀释扩散，降低浓度而无害化，这是水的自净作用。但也可能由于水的流动交换而迁移，造成其他地区或更大范围的污染。
地球上大量的热能用于将冰融化为水（335J·g）使水温升高（1℃需4.18J·g）,并将水转换为蒸汽（2243J·g）。因此，水有防止温度发生剧烈波动的重要生态作用。</p>
    <p>环境中许多物质的交换和运动依靠水循环来实现。陆地上每年有3.6×1013 m3的水流入海洋，这些水把约3.6×10^9吨的可溶解物质带入海洋。</p>
    <a href="on.html">on</a>
    <a href="scrolltotop.html">scrolltotop</a>
</body>

</html>